<!-- 更多模板 -->
<template>
  <div class="hello">
    <Header> </Header>

    <el-container class="container-narrow">

      <el-dialog :title="$t('paste_insert_table')" :modal="is_modal"  :visible.sync="dialogFormVisible" :close-on-click-modal="false">
        <el-form >
		  	<el-input type="textarea" class="dialoContent" :placeholder="$t('paste_insert_table_tips')" :rows="10" v-model="content"></el-input>
		  </el-form>
		  <div slot="footer" class="dialog-footer">
		    <el-button @click="dialogFormVisible = false">{{$t('cancel')}}</el-button>
		    <el-button type="primary" @click="transform">{{$t('confirm')}}</el-button>
		  </div>
      </el-dialog>

      </el-container>
    <Footer> </Footer>
    <div class=""></div>
  </div>
</template>

<style>


</style>

<script>

export default {
  props:{
    callback:'',
    page_id:'',
    is_modal:true,
    is_show_recover_btn:true,
  },
  data () {
    return {
      currentDate: new Date(),
      content: '',
      dialogFormVisible: false,
    };
  },
  components:{
    
  },
  methods:{
    transform: function (){
      var md=this.content;
      var sheet_str="\n\n";
      for (const [index,row] of md.split("\n").entries()){
        var cols=row.split("\t");
        sheet_str += '| ' + cols.join(" | ") +" |\n";
        if (index ==0){
          for (var i=0;i<cols.length;i++){
            sheet_str+='|:--- ';
          }
          sheet_str+=" |\n";
        }
      }
      this.callback(sheet_str+"\n\n");
      this.dialogFormVisible=false;
    }

  },
  mounted () {
    

  }
}
</script>